BlueLake添加微信模块

一、缘由

想继续丰富BlueLake主题的功能，如果在博客侧边栏添加上我的微信公众号的图片就更好了，显得博客逼格很高，也抱着有访客关注我的微信公众号的侥幸心理。哈哈，万一呢？说干就干

二、分析源码

记得BlueLake主题有对微博模块的展示，就想能不能仿照微博的源码，新增微信模块呢？打开F:\Blog\themes\hexo-theme-BlueLake\layout\_widget/weibo.jade文件，发现其实新浪微博的内容是一个iframe来实现的，

.widget
  .widget-title
    i(class='fa fa-weibo')= ' ' + __('新浪微博')
  iframe(width="100%",height="400",class="share_self",frameborder="0",scrolling="no",src="http://widget.weibo.com/weiboshow/index.php?language=&width=0&height=550&fansRow=2&ptype=1&speed=0&skin=5&isTitle=0&noborder=0&isWeibo=1&isFans=0&uid=1700139362&verifier=85be6061&colors=ffffff,ffffff,333333,40759b,ecfbfd&dpc=1")

那么，我把iframe标签换成img标签是不是就可以了呢？尝试一下

三、BlueLake添加微信二维码

进入到BlueLake主题目录下的layout/widget，新建weixin.jade文件，添加内容：

.widget
  .widget-title
    i(class='fa fa-weixin')= ' ' + __('微信公众号')
  img(width="100%",height="233",title="微信扫一扫",src="https://gcore.jsdelivr.net/gh/841809077/blog-img/20181110/20181118235726.jpg")

当然，前提条件是图片的外链，这里推荐github图床，七牛云图床就别弄了，免费的域名就只能维持一个月，过期就作废了，唉。

再打开主题/.config.yml文件，在widgets标签下，添加weixin的标识，这样就大功告成了。

---